<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div class="box"></div>
</body>
</html>
<script>
    const VM = new Vue({
        el:'.box',
        data:{
            msg:'这是一个什么玩意呢'
        }
    })
    //目前这几行代码：一共有三个对象 VM 、配置对象、data右侧对象
      //思考： 在书写代码的时候，仅仅只是给data对象添加了属性msg,并没有给VM添加msg属性，为什么VM身上也有msg属性？？

       //VM是Vue类的实例
    //  console.log(VM);
    //  //VM._data:可以获取到配置对象data右侧V
    //  console.log(VM._data);
    //  //验证VM与data右侧对象两个不同对象
    //  console.log(VM===VM._data);
</script>